@-webkit-keyframes cir1 {
    0% {
        position: absolute; top: 76%; left: 64%;
        width: 20%; height: 36%;
        opacity: 1;
    }
    10% {
        position: absolute; top: 40%; left: 92%;
        width: 14%; height: 26%;
        opacity: 0.8;
    }
    20% {
        position: absolute; top: 0%; left: 78%;
        width: 12%; height: 22%;
    }
    30%{
        position: absolute; top: -8%; left: 64%;
        width: 12%; height: 22%;
        opacity: 0;
    }
    60%{
        position: absolute; top: 0%; left: 4%;
        width: 13%; height: 24%;
        opacity: 0;
    }
    70%{
        position: absolute; top: 10%; left: 0%;
        width: 13%; height: 24%;
        opacity: 0.5;
    }
    80%{
        position: absolute; top: 30%; left: -4%;
        width: 14%; height: 26%;
        opacity: 1;
    }
    90%{
        position: absolute; top: 70%; left: 4%;
        width: 14%; height: 26%;
        opacity: 1;
    }
    100%{
        position: absolute; top: 76%; left: 64%;
        width: 20%; height: 36%;
    }
}
@-webkit-keyframes cir3 {
    0% {
        position: absolute; top: 40%; left: 92%;
        width: 14%; height: 26%;
        opacity: 0.8;
    }
    10% {
        position: absolute; top: 0%; left: 78%;
        width: 12%; height: 22%;
    }
    20%{
        position: absolute; top: -8%; left: 64%;
        width: 12%; height: 22%;
        opacity: 0;
    }
    30%{
        position: absolute; top: 0%; left: 4%;
        width: 13%; height: 24%;
        opacity: 0;
    }
    60%{
        position: absolute; top: 10%; left: 0%;
        width: 13%; height: 24%;
        opacity: 0.5;
    }
    70%{
        position: absolute; top: 30%; left: -4%;
        width: 14%; height: 26%;
        opacity: 1;
    }
    80%{
        position: absolute; top: 70%; left: 4%;
        width: 14%; height: 26%;
        opacity: 1;
    }
    90%{
        position: absolute; top: 76%; left: 64%;
        width: 20%; height: 36%;
    }
    100% {
        position: absolute; top: 40%; left: 92%;
        width: 14%; height: 26%;
        opacity: 0.8;
    }
}
@-webkit-keyframes cir4 {
    0% {
        position: absolute; top: 0%; left: 78%;
        width: 12%; height: 22%;
    }
    10%{
        position: absolute; top: -8%; left: 64%;
        width: 12%; height: 22%;
        opacity: 0;
    }
    20%{
        position: absolute; top: 0%; left: 4%;
        width: 13%; height: 24%;
        opacity: 0;
    }
    30%{
        position: absolute; top: 10%; left: 0%;
        width: 13%; height: 24%;
        opacity: 0.5;
    }
    60%{
        position: absolute; top: 30%; left: -4%;
        width: 14%; height: 26%;
        opacity: 1;
    }
    70%{
        position: absolute; top: 70%; left: 4%;
        width: 14%; height: 26%;
        opacity: 1;
    }
    80%{
        position: absolute; top: 76%; left: 64%;
        width: 20%; height: 36%;
    }
    90% {
        position: absolute; top: 40%; left: 92%;
        width: 14%; height: 26%;
        opacity: 0.8;
    }
    100% {
        position: absolute; top: 0%; left: 78%;
        width: 12%; height: 22%;
    }
}
@-webkit-keyframes cir5 {
    0%{
        position: absolute; top: -8%; left: 64%;
        width: 12%; height: 22%;
        opacity: 0;
    }
    10%{
        position: absolute; top: 0%; left: 4%;
        width: 13%; height: 24%;
        opacity: 0;
    }
    20%{
        position: absolute; top: 10%; left: 0%;
        width: 13%; height: 24%;
        opacity: 0.5;
    }
    30%{
        position: absolute; top: 30%; left: -4%;
        width: 14%; height: 26%;
        opacity: 1;
    }
    60%{
        position: absolute; top: 70%; left: 4%;
        width: 14%; height: 26%;
        opacity: 1;
    }
    70%{
        position: absolute; top: 76%; left: 64%;
        width: 20%; height: 36%;
    }
    80% {
        position: absolute; top: 40%; left: 92%;
        width: 14%; height: 26%;
        opacity: 0.8;
    }
    90% {
        position: absolute; top: 0%; left: 78%;
        width: 12%; height: 22%;
    }
    100%{
        position: absolute; top: -8%; left: 64%;
        width: 12%; height: 22%;
        opacity: 0;
    }
}
@-webkit-keyframes cir2 {
    0%{
        position: absolute; top: 0%; left: 4%;
        width: 13%; height: 24%;
        opacity: 0;
    }
    10%{
        position: absolute; top: 10%; left: 0%;
        width: 13%; height: 24%;
        opacity: 0.5;
    }
    20%{
        position: absolute; top: 30%; left: -4%;
        width: 14%; height: 26%;
        opacity: 1;
    }
    30%{
        position: absolute; top: 70%; left: 4%;
        width: 14%; height: 26%;
        opacity: 1;
    }
    60%{
        position: absolute; top: 76%; left: 64%;
        width: 20%; height: 36%;
    }
    70% {
        position: absolute; top: 40%; left: 92%;
        width: 14%; height: 26%;
        opacity: 0.8;
    }
    80% {
        position: absolute; top: 0%; left: 78%;
        width: 12%; height: 22%;
    }
    90%{
        position: absolute; top: -8%; left: 64%;
        width: 12%; height: 22%;
        opacity: 0;
    }
    100%{
        position: absolute; top: 0%; left: 4%;
        width: 13%; height: 24%;
        opacity: 0;
    }
}